<html>
    <head>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script>
        <script>
            // window.onload= function(){
            //     let btn = document.getElementById("btn")
            //     btn.onclick = function(){
            //         alert("btn 被点击了")
            //     }
            // }
            // window.onload()  页面加载完成之后就会执行
            $(function(){
                // $("元素选择器")
                // $("#btn").click(function(){
                //     alert("jquery btn 被点击了")
                // })

                let btn = document.getElementById("btn")

                let jBtn = $("#btn")
                // alert(btn)
                // alert(jBtn)
            //    let jDiv =  $("<div>我是一个div</div>")
            //    alert(jDiv)
                $(btn).click(function(){
                    alert("jquery btn 被点击了")
                })

                // Dom对象跟jQuery对象的互转
                console.log($(btn))
                let btn_0 = $(btn)[0]
                console.log(btn_0)

                console.log("Dom对象", btn)

                alert($("#btn")[0])



            })

           
        </script>
    </head>
    <body>
        <button id="btn">按钮</button>
        
    </body>

</html>